<template>
  <div id="type">   
    <!-- 头部 -->
    <div class="header w100p bg-fff fixed">
        <div class="top ml-10 mr-10 mt-10 flex aic jc-c">
            <div class="pt-5 pl-5"><i class="iconfont icon-sousuo"></i></div>
            <div class="fg1 pt-5 pl-5"><input type="search" placeholder="请输入搜索关键词"></div>
        </div>
    </div>
    <!-- 中间 -->
    <div class="center w100p flex">
        <!-- 左边列表 -->
        <div class="left fixed">
            <ul class="list f14">
                <li class="item pt-5">时令鲜果</li>
                <li class="item pt-5">海鲜水产</li>
                <li class="item pt-5">家禽蛋</li>
                <li class="item pt-5">地方农产</li>
                <li class="item pt-5">百果园公司</li>
                <li class="item pt-5">农品茗茶</li>
                <li class="item pt-5">五谷杂粮</li>
                <li class="item pt-5">牛羊肉</li>
            </ul>
        </div>
        <!-- 右边列表-->
        <div class="right bg-fff">
            <ul class="list flex fww  f14">
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/86d8414272e50b4b9a7b185ac30dfc86.png?x-oss-process=image/resize,w_180" alt="">
                    <span>金秋红密桃</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/c8ae4728163788cda4147e1ed8c44409.png?x-oss-process=image/resize,w_180" alt="">
                    <span>实键橙子</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/14a9e655a578abe935f8c150b6d85592.png?x-oss-process=image/resize,w_180" alt="">
                    <span>红心火龙果</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/0238d75b8a9e13c5a18df9781c296c83.png?x-oss-process=image/resize,w_180" alt="">
                    <span>新鲜冰糖橘</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/9aba9f63c14a9aa7d469b62a0f9cde41.png?x-oss-process=image/resize,w_180" alt="">
                    <span>红富士苹果</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/c3797b5e9dab17cb3e1c56547ba7d406.png?x-oss-process=image/resize,w_180" alt="">
                    <span>冰糖心丑苹果</span>
                </li><li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/f6f787571eb0f43ca5db9bb4e3a3bb80.png?x-oss-process=image/resize,w_180" alt="">
                    <span>红袖天香西瓜</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/bcc961c6faea5b9a2467c9d759db3cd6.png?x-oss-process=image/resize,w_180" alt="">
                    <span>海阳网纹瓜</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/0181314b3c641fa9f9e2e4999389b879.png?x-oss-process=image/resize,w_180" alt="">
                    <span>烟台丑苹果</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/0238d75b8a9e13c5a18df9781c296c83.png?x-oss-process=image/resize,w_180" alt="">
                    <span>新鲜冰糖橘</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/9aba9f63c14a9aa7d469b62a0f9cde41.png?x-oss-process=image/resize,w_180" alt="">
                    <span>红富士苹果</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/c3797b5e9dab17cb3e1c56547ba7d406.png?x-oss-process=image/resize,w_180" alt="">
                    <span>冰糖心丑苹果</span>
                </li><li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/f6f787571eb0f43ca5db9bb4e3a3bb80.png?x-oss-process=image/resize,w_180" alt="">
                    <span>红袖天香西瓜</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/bcc961c6faea5b9a2467c9d759db3cd6.png?x-oss-process=image/resize,w_180" alt="">
                    <span>海阳网纹瓜</span>
                </li>
                <li class="item flex fdc jc-sb aic">
                    <img src="https://mall.s.maizuo.com/0181314b3c641fa9f9e2e4999389b879.png?x-oss-process=image/resize,w_180" alt="">
                    <span>烟台丑苹果</span>
                </li>
            </ul>
        </div>
    </div>
    
    <!-- 底部栏 -->
    <Footer/>
  </div>
</template>

<script>
//底部栏
import Footer from '@/components/Footer.vue';
export default {
  components:{
    Footer,
  }
}
</script>

<style lang="less">
@import './type.less';
</style>